<?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE html PUBLIC  "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 <meta name="keywords" content="W3C SVG 1.1 Test Suite testsuite mobile"/>
 <meta name="description" content="W3C SVG 1.1 Test Suite"/>
 <title>
SVG 1.1 test:color-prop-03-t </title>
 <style type="text/css">
 <!--
 body { font-family: "Lucida Grande", verdana, helvetica, sans-serif; line-height: 1.3; text-align: left; margin-top: 0; margin-bottom: 0 }
 .pageTitle { line-height: 1.5; font-weight: bold; margin-bottom: 1em;}
 .pageSubTitle  { color: blue; font-size: 200%; font-weight: bold }
 .openChapter { color: blue; line-height: 1.3; font-weight: bold }
 .openSection { color: blue; line-height: 125%; font-weight: bold }
 .info { color: black; line-height: 1.2; font-size: 90%; }
 p { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0 }
 .linkbar { text-align: center; margin: 1em 1em 0.25em 1em;}
 blockquote { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0 }
 .opscript {margin-left: 3%; margin-right: 3%; }
 .opscript p { margin-top: 0.7em}
 .navbar {background: black; color: white; font-weight: bold}
 -->
 </style>
 </head>
 <body class="bodytext">

	<div class="linkbar"> 
<p>
<a href="full-color-prop-03-t.html">Full version</a>, <a href="basic-color-prop-03-t.html">Basic version</a>, <a href="tiny-color-prop-03-t.html">Tiny version</a></p>
<p>Specification link: <a target="spec" href="http://www.w3.org/TR/SVG11/color.html#ColorProperty">12.2 The 'color' property</a></p>
 <p>
				<a href="tiny-animate-elem-85-t.html">animate-elem-85-t ←</a> 
				<a href="tiny-index.html">index</a>
				<a href="tiny-coords-coord-01-t.html">→ coords-coord-01-t</a>
						</p></div>

	<table align="center" border="0" cellspacing="0" cellpadding="10">
		<tr>
			<td align="center" colspan="3">
				<table border="0" cellpadding="8">
					<tr>
						<td align="center" colspan="2" class="pageTitle">
							<h1>color-prop-03-t</h1>
						</td>
					</tr>
					<tr  class="navbar">
						<td align="center">
							SVG Image
						</td>
						<td align="center">
							PNG Image
						</td>
					</tr>
					<tr>
						<td align="right">
   	    		  			
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
            codebase="" id="mySVGViewerObj" width=80 height=60>
    <param name=movie value="../SvgViewer.swf">
    <param name="FlashVars" value="sourceType=url_svg&svgURL=../svggen/color-prop-03-t.svg">
    <param name="wmode" value="transparent">
    <embed play=false name="mySVGViewerObj" 
	    src="../SvgViewer.swf" quality=high wmode="transparent"
	    width=80 height=60 type="application/x-shockwave-flash"
	    FlashVars="sourceType=url_svg&svgURL=../svggen/color-prop-03-t.svg">
    </embed >
</object>
						</td>
						<td align="left">
							<img alt="raster image of color-prop-03-t" src="../png/tiny-color-prop-03-t.png" width="80" height="60"/>
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>

               
<div class="opscript">
			<p>
				Purpose of test is to determine if the color datatype is supported. There are multiple syntaxes for 
				specifying the same color, such as #37F and #3377FF. For each of the six groups shown here, 
				each of the shapes in the group uses one of the syntactical forms and all in the group should 
				be identical in color. 
			</p>
			<p>
				The first row uses five forms - 3-digit hex, 6-digit hex, rbg() integer form, rgb() percentage form, 
				and named ('HTML') colors.</p>
			<p>
				The second row uses only four forms - 3-digit hex, 6-digit hex, rbg() integer form, rgb() percentage form -
				as there are no HTML or X11 names for those colors.</p>

		</div>
<div class="linkbar"> <p>
				<a href="tiny-animate-elem-85-t.html">animate-elem-85-t ←</a>
				<a href="tiny-index.html">index</a>
				<a href="tiny-coords-coord-01-t.html">→ coords-coord-01-t</a>
						</p></div>
</body>
</html>
